<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>my mind demo 1</title>
		
		<script src="mycanvase.js"></script>
		<script src="mymind.js"></script>
		
		<style type="text/css">
			body{
				margin: 0;
				padding: 0;
			}
			
		</style>
		
	</head>
	<body>
		<canvas id="c01" tabindex="0" ></canvas>
		
		
		<script>
			var mindcanvase = new MyMindCanvase("c01", true)
			
			var submain = new SubjectShape(mindcanvase, 300, 400, "中心主题", SubType.main)
			submain.font="16px Arial"
			
			var subbr01 = new SubjectShape(mindcanvase, -10000, -10000, "分支01", SubType.branch)
			var subbr02 = new SubjectShape(mindcanvase, -10000, -10000, "分支02\n 新的内容", SubType.branch)
			var subbr03 = new SubjectShape(mindcanvase, -10000, -10000, "分支03", SubType.branch)
			
			
			var subc01 = new SubjectShape(mindcanvase, -10000, -10000, "子主题01", SubType.child)
			var subc02 = new SubjectShape(mindcanvase, -10000, -10000, "子主题02\n 新的内容", SubType.child)
			
			var subc03 = new SubjectShape(mindcanvase, -10000, -10000, "子主题02\n 新的内容",SubType.child)
			
			var subc04 = new SubjectShape(mindcanvase, -10000, -10000, "子主题04",SubType.child)
			
			mindcanvase.add(submain)
			mindcanvase.add(subbr01)
			mindcanvase.add(subbr02)
			mindcanvase.add(subbr03)
			
			mindcanvase.add(subc01)
			mindcanvase.add(subc02)
			mindcanvase.add(subc03)
			mindcanvase.add(subc04)
			// mindcanvase.redraw()
			
			submain.addRihgt(subbr01)
			submain.addRihgt(subbr02)
			submain.addRihgt(subbr03)
			
			
			
			subbr01.addRihgt(subc01)
			subbr01.addRihgt(subc02)
			
			subbr02.addRihgt(subc03)
			
			subc02.addRihgt(subc04)
			
			
			submain.calculateRihgtHeight()
			submain.layoutRight()
			
			
		</script>
		
	</body>
</html>